<template>
    <div class="index-container">
        <v-breadcrumb :breadcrumbData="[{name: '用户管理'}, {name: '用户资金变更记录'}]"></v-breadcrumb>

        <div class="search-box">
            <div class="left">
                <div class="item">
                    <span class="span">状态</span>
                    <el-select v-model="obj.status" class="width-200" placeholder="请选择" @change="getData()">
                        <el-option label="全部" :value="0"></el-option>
                        <el-option label="启用" value="1"></el-option>
                        <el-option label="禁用" value="4"></el-option>
                    </el-select>
                </div>
                <div class="item">
                    <span class="span">系统角色</span>
                    <el-input v-model="obj.name" placeholder="请填写" class="width-200"></el-input>
                </div>
            </div>
            <div class="right">
                <el-button-group>
                    <el-button v-preventDbClick @click="getData()" type="primary" icon="el-icon-search">查询</el-button>
                    <el-button v-preventDbClick @click="reset()" type="primary" icon="el-icon-refresh">重置</el-button>
                </el-button-group>
            </div>
        </div>
        <div class="g-box mt-15" style="min-height:600px;"></div>

    </div>
</template>

<script type="text/ecmascript-6">
import request from '../../common/js/request.js';
import {tool} from "../../common/js/tool.js";
import config from '../../common/js/config.js'

export default {
    data() {
        return {
            obj: {status: 0, name: ''}
        };
    },

    computed: {},

    mounted() {
    },

    created() {
    },

    methods: {
        getData() {
        },
        reset() {
        }
    },

};
</script>

<style lang="less" rel="stylesheet/less" scoped>
@import url("../../common/css/variable.less");
</style>
